{extend name="public/layout"}
{block name="title"}环保留言{/block}
{block name="head"}
<style>
    html, body {
        background-color: #fff;
    }

    .banner {
        height: 3.744rem;
        background: url("/images/banners/donate_banner.png") no-repeat center center;
        background-size: cover;
    }

    .toolbar {
        font-size: 0.26rem;
    }

    .msg .h1 {
        padding-bottom: 0.12rem;
        padding-top: 0.05rem;
    }

    .msg img {
        width: 0.768rem;
        height: 0.768rem;
        border-radius: 50%;
        margin-right: 0.14400000000000002rem;
    }


</style>
{/block}
{block name="content"}
<div class="banner">
</div>
<div class="flex toolbar border-b">
    <a class="flex-con" href="{:U('home')}">
        <img src="/images/icons/pros1.png" alt="">
        项目详情
    </a>
    <a class="flex-con" href="{:U('power')}">
        <img src="/images/icons/love1.png" alt="">
        捐赠权利
    </a>
    <div class="flex-con active">
        <img src="/images/icons/msg2.png" alt="">
        环保留言
    </div>
</div>
<div class="hr"></div>
<div class="border-t panel border-b">
    <div class="h0 b title-line">环保留言</div>
</div>
<div>
    <div class="msg-list" id="img-list">

        {volist name="m" id="vo"}
        <div class="msg border-b flex flex-stretch">
            <img src="{$vo.avatar}" alt="">
            <div class="flex-con">
                <div class="h1 b">{$vo.nickname}</div>
                <div class="h5 text-gray">{$vo.content}</div>
            </div>
            <div class="h6 text-gray text-right">{$vo.create_time}</div>
        </div>
        {/volist}
    </div>
</div>
<script type="text/html" id="template">
    {{#for(var i=0,len=d.data.length; i < len ; i++){}}
    <div class="msg border-b flex flex-stretch">
        <img src="{{d.data[i].avatar}}" alt="">
        <div class="flex-con">
            <div class="h1 b">{{d.data[i].nickname}}</div>
            <div class="h5 text-gray">{{d.data[i].content}}</div>
        </div>
        <div class="h6 text-gray text-right">{{d.data[i].create_time}}</div>
    </div>
    {{#}}}
</script>

<div class="btn-block-area">
    <a class="btn-primary dock-bottom btn-block" href="{:U('donate')}">
        <img src="/images/icons/donate.png" alt="">
        我要捐赠
    </a>
</div>
{:_js('js/loader.js')}
{:_js('static/laytpl/laytpl.js')}
<script>
    Loader.m1('img-list', 'template','jsonListOfMsg');
</script>
{/block}